{include file="public/header" title="分类"/}
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h3 class="mui-title">
        <!--<div class="mui-input-row mui-search">
            <input type="search" class="mui-input-clear" placeholder="">
        </div>-->
        分类
    </h3>
</header>
<div class="mui-content mui-row mui-fullscreen" id="group">
    <div class="mui-col-xs-3">
        <div id="segmentedControls"
             class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
            <a href="#content1" data-index="0" class="mui-control-item mui-active">热门推荐</a>
            <a href="#content2" data-index="1" class="mui-control-item">Max POS</a>
            <a href="#content3" data-index="2" class="mui-control-item">国际名牌</a>
            <a href="#content4" data-index="3" class="mui-control-item">Min POS</a>
        </div>
    </div>
    <div id="segmentedControlContents" class="mui-col-xs-9">
        <div id="content1" class="mui-control-content">
            <h3>content1</h3>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
        </div>
        <div id="content2" class="mui-control-content">
            <h3>content2</h3>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
        </div>
        <div id="content3" class="mui-control-content">
            <h3>content3</h3>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
        </div>
        <div id="content4" class="mui-control-content">
            <h3>content4</h3>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
            <p>sadfgsfd</p>
        </div>
    </div>
</div>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
</script>
<script src="__JS__/group.js"></script>
{include file="public/footer"/}
